<!DOCTYPE html>

<head>

<title>Pinturas San Valentín</title>

<style>

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: 'Arial Rounded MT Bold', 'Comic Sans MS', cursive, sans-serif;

background: linear-gradient(135deg, #FFE5EC 0%, #FFC1D5 50%, #FF9EBC 100%);

padding: 20px;

display: flex;

justify-content: center;

align-items: center;

min-height: 100vh;

}

.promo-card {

background: white;

border-radius: 40px;

max-width: 800px;

width: 100%;

padding: 50px 40px;

box-shadow: 0 30px 80px rgba(255, 105, 135, 0.4);

border: 6px solid #FF69A5;

position: relative;

overflow: hidden;

}

.promo-card::before {

content: '';

position: absolute;

font-size: 120px;

opacity: 0.08;

top: -20px;

right: -20px;

transform: rotate(-15deg);

}

.promo-card::after {

content: '';

position: absolute;

font-size: 100px;

opacity: 0.08;

bottom: -20px;

left: -20px;

transform: rotate(20deg);

}

.header {

text-align: center;

margin-bottom: 35px;

position: relative;

z-index: 1;

}

.hearts-decoration {

font-size: 2em;

margin-bottom: 10px;

}

.header h1 {

font-size: 3.5em;

color: #FF1654;

text-shadow: 4px 4px 0px #FFB3D0;

margin-bottom: 10px;

line-height: 1.2;

}

.header .subtitle {

font-size: 1.5em;

color: #FF69A5;

font-weight: bold;

margin-bottom: 8px;

}

.header .artist {

font-size: 1.2em;

color: #666;

font-style: italic;

}

.urgency-banner {

background: linear-gradient(135deg, #FF1654 0%, #FF69A5 100%);

color: white;

padding: 15px 25px;

border-radius: 25px;

text-align: center;

font-size: 1.2em;

font-weight: bold;

margin-bottom: 35px;

box-shadow: 0 8px 20px rgba(255, 22, 84, 0.3);

animation: pulse 2s ease-in-out infinite;

}

@keyframes pulse {

0%, 100% { transform: scale(1); }

50% { transform: scale(1.02); }

}

.packages-section {

margin-bottom: 35px;

}

.packages-section h2 {

color: #FF1654;

font-size: 2em;

text-align: center;

margin-bottom: 25px;

}

.packages-grid {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 20px;

margin-bottom: 25px;

}

.package-card {

background: linear-gradient(135deg, #FFF0F5 0%, #FFE5EC 100%);

border-radius: 20px;

padding: 25px;

border: 4px solid #FFB3D0;

text-align: center;

transition: transform 0.3s, box-shadow 0.3s;

}

.package-card:hover {

transform: translateY(-8px);

box-shadow: 0 15px 35px rgba(255, 105, 165, 0.3);

}

.package-card .icon {

font-size: 3em;

margin-bottom: 10px;

}

.package-card h3 {

color: #FF1654;

font-size: 1.5em;

margin-bottom: 8px;

}

.package-card .size {

color: #FF69A5;

font-size: 1.1em;

font-weight: bold;

margin-bottom: 12px;

}

.package-card .price {

font-size: 2.5em;

color: #FF1654;

font-weight: bold;

margin: 15px 0;

}

.package-card .description {

color: #666;

font-size: 0.95em;

line-height: 1.6;

}

.featured-package {

grid-column: span 2;

background: linear-gradient(135deg, #FF69A5 0%, #FF1654 100%);

border: 4px solid #FF1654;

}

.featured-package h3,

.featured-package .size,

.featured-package .price,

.featured-package .description {

color: white;

}

.featured-package .badge {

background: white;

color: #FF1654;

padding: 8px 20px;

border-radius: 20px;

font-size: 0.9em;

font-weight: bold;

display: inline-block;

margin-bottom: 10px;

}

.extras-section {

background: linear-gradient(135deg, #FFF0F5 0%, #FFE5EC 100%);

border-radius: 20px;

padding: 25px;

margin-bottom: 30px;

border: 3px dashed #FFB3D0;

}

.extras-section h3 {

color: #FF1654;

font-size: 1.5em;

text-align: center;

margin-bottom: 20px;

}

.extras-grid {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 12px;

}

.extra-item {

background: white;

padding: 15px;

border-radius: 15px;

border: 2px solid #FFB3D0;

font-size: 0.95em;

color: #666;

}

.extra-item strong {

color: #FF69A5;

font-size: 1.1em;

}

.terms-section {

background: white;

border-radius: 20px;

padding: 25px;

margin-bottom: 30px;

border: 3px solid #FFB3D0;

}

.terms-section h3 {

color: #FF1654;

font-size: 1.5em;

text-align: center;

margin-bottom: 20px;

}

.terms-grid {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 15px;

}

.term-box {

background: #FFF0F5;

padding: 15px;

border-radius: 12px;

border: 2px solid #FFB3D0;

}

.term-box .term-icon {

font-size: 1.5em;

margin-bottom: 5px;

}

.term-box h4 {

color: #FF69A5;

font-size: 1.1em;

margin-bottom: 8px;

}

.term-box p {

color: #666;

font-size: 0.9em;

line-height: 1.5;

}

.contact-section {

background: linear-gradient(135deg, #FF69A5 0%, #FF1654 100%);

border-radius: 25px;

padding: 35px;

text-align: center;

color: white;

}

.contact-section h2 {

font-size: 2.2em;

margin-bottom: 20px;

text-shadow: 2px 2px 4px rgba(0,0,0,0.2);

}

.contact-buttons {

display: flex;

flex-direction: column;

gap: 15px;

margin-top: 20px;

}

.contact-button {

background: white;

color: #FF1654;

padding: 18px 35px;

border-radius: 30px;

font-size: 1.3em;

font-weight: bold;

box-shadow: 0 8px 20px rgba(0,0,0,0.2);

transition: transform 0.2s;

}

.contact-button:hover {

transform: scale(1.05);

}

@media (max-width: 768px) {

.promo-card {

padding: 30px 20px;

}

.header h1 {

font-size: 2.2em;

}

.packages-grid {

grid-template-columns: 1fr;

}

.featured-package {

grid-column: span 1;

}

.terms-grid, .extras-grid {

grid-template-columns: 1fr;

}

</style>

</head>

<body>

<h1>¡Pinturas de<br>San Valentín!</h1>

<div class="subtitle">Regala Arte Hecho a Mano </div>

<div class="artist">por @ShamylArt</div>

</div>

⏰ ¡ÚLTIMOS DÍAS! Acepto pedidos hasta el 13 de Febrero ⏰

</div>

<h2> Paquetes Especiales </h2>

<h3>Mi Persona<br>Favorita</h3>

<div class="size">Lienzo 20x20cm</div>

• 1 persona half body/medio cuerpo<br>

• Estilo y coloreado simple<br>

• 5 días aprox

</div>

<h3>Amor<br>Verdadero</h3>

<div class="size">Lienzo 20x20cm</div>

• Pareja de los hombros para arriba<br>

• Estilo y coloreado simple

<br>

• 10 días aprox

</div>

<div class="badge">✨ MÁS POPULAR ✨</div>

<h3>Nosotros Dos Premium</h3>

<div class="size">Lienzo 20x30cm</div>

<div class="price">$450 a $600(cotizar)</div>

• Pareja half body o full<br>

• Detalles especiales (corazones, flores)<br>

• Más espacio para creatividad frase incluida<br>

• 10-12 días aprox

</div>

<h3>✨ Personaliza Tu Pintura ✨</h3>

<strong>+$50 MXN</strong> Envoltura de regalo y moño<br>

<span style="font-size: 0.85em;">(o bolsa de regalo, con moño)</span>

</div>

<strong>+$20-$50 MXN</strong> Agregar una frase o detalles simples <br>

<span style="font-size: 0.85em;">(personalización especial)</span>

</div>

<span style="font-size: 0.85em;">Barnizado y vibrante (listo para colgar)</span>

</div>

<span style="font-size: 0.85em;">(envuelto para regalo)</span>

</div>

<h3> Información Importante</h3>

<p>50% anticipo para empezar, 50% al terminar antes de entregar</p>

</div>

<h4>Entrega</h4>

<p>Se pasa a buscar. Si vives cerca, ¡te lo llevo gratis!</p>

</div>

<h4>Tiempo</h4>

<p>Simple: ~5 días<br>Pareja: ~10 días<br>¡Pide cuanto antes!</p>

</div>

<h4>Proceso</h4>

<p>Te mando fotos del progreso para que apruebes antes de continuar</p>

</div>

<h2> ¡Reserva Tu Pintura Ya! </h2>

<p style="font-size: 1.2em; margin-bottom: 10px;">Los cupos son limitados</p>

<p style="font-size: 1em; opacity: 0.9;">Mándame DM con tu idea y referencias ,si tienes alguna otra idea mándame mensaje para cotizarte!</p>

WhatsApp  9831246668

</div>

 haydivelazquez@gmail.com

</div>

 ¡El regalo perfecto para San Valentín! 

</p>

</div>

</body>

</html>